<template>
  <j-modal
    title="报名人员"
    width="80%"
    :visible="visible"
    @cancel="close"
    @ok="handleOk">
<!--    <div>-->
<!--      <a-button @click="handleExportXls('报名人员')">导出</a-button>-->
<!--    </div>-->
    <a-table
      size="middle"
      rowKey="contentNo"
      :columns="columns"
      :dataSource="dataSource"
      :pagination="ipagination"
      :loading="loading"
      class="j-table-force-nowrap"
      @change="handleTableChange">
      <template slot="content" slot-scope="text, record">
        <div v-html="text"></div>
      </template>
    </a-table>
  </j-modal>
</template>

<script>
  import {JeecgListMixin} from "@/mixins/JeecgListMixin";

  export default {
    name: "UserModel",
    mixins: [JeecgListMixin],
    data() {
      return {
        url: {
          list: 'activity/activityInfo/queryActivityApplyUser',
          exportXlsUrl: ''
        },
        disableMixinCreated: true,
        visible: false,
        loading: false,
        columns: [
          {
            title: '提交人',
            dataIndex: 'name',
            align: 'center',
          },
          {
            title: '提交内容',
            dataIndex: 'content',
            align: 'center',
            scopedSlots: {
              customRender: 'content'
            }
          },
          {
            title: '提交时间',
            dataIndex: 'time',
            align: 'center',
          }
        ]
      }
    },
    methods: {
      close() {
        this.visible = false;
      },
      show(activityNo) {
        this.visible = true;
        this.queryParam.activityId = activityNo;
        this.loadData(1)
      },
      handleOk() {
      }
    }
  }
</script>

<style scoped>

</style>